Basic Interactions
HTML and JS basic interactions
- HTML
- Javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Basic Web Page</title>
<script type="text/javascript" src="practice.js" async></script>
</head>
<body id="p_body">
<h1>Welcome to My Website</h1>
<p>This is a paragraph of text on my basic HTML page.</p>
<br>
<span id="p_text">Nothing right now</span>
<button id="body_button">Click me</button>
<span id="test_text">Some Test</span>
<button onclick="handle_click()">Some Test</button>
</body>
</html>
function body_click(){
const button = document.getElementById('body_button');
button.addEventListener('click', hanlde_click);
}
function handle_click(){
document.getElementById('test_text').textContent = "Clicked";
}
document.getElementById('body_button').addEventListener('click',
() => {
document.getElementById('p_text').textContent = "clicked";
})